<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>Insert title here</title>
<style type="text/css">
	body{
    font: 12px "simhei", Arial, Helvetica, sans-serif;
    color: #666;
	}
	body>div{
			width: 198px;
    		height: 233px;
    		background: #E8E8E8;              /*背景色*/
    		text-align: center;
	}
	#d1{
			margin:0;
		    font-weight: lighter;
		    color: #000;   /*黑色*/
		   
	}
	#d2{
			margin-top: 6px;
		    margin-bottom: 6px;
		    font-size: 12px;
		    font-weight: bold;
		    color: #0AA1ED;

	}
	input{
			width: 100px;
		    height: 24px;
		    margin: 0 auto；
		    font-size: 12px;       /*按钮内的字体大小*/
    		border: 0;            /*去掉按钮自带的边框*/
    		border-radius: 2px;            /*将边框的四角设置为圆角*/
    		color:white;                  /*字体颜色为白色*/
    		cursor:pointer;           /*鼠标变成小手*/
    		background-color: #0AA1ED;     /*按钮的背景色*/
	}
</style>
</head>
<body>
	<div>
		<img src="http://doc.canglaoshi.org/tstore_v1/images/itemCat/study_computer_img3.png">
		<p id="d1">戴尔(DELL)XPS13-9360-R1609 13.3英
		<br>寸微边框笔记本电脑</p>
		<p id="d2">￥4600.00</p>
		<div style="margin:0 auto;width:100px;">
		<input type="button" value="查看详情">
		</div>
	</div>
</body>
</html>